<template>
  <div>
    <el-tag>跟进记录</el-tag>
    <div v-for="item in dataList" style="font-size: 10px">
      <el-row >
        <el-col :span="8"><span>操作人</span></el-col>
        <el-col :span="16"><span>{{ item.operName }}</span></el-col>
      </el-row>
      <el-row>
        <el-col :span="8"><span>操作时间</span></el-col>
        <el-col :span="16"><span>{{ item.operTime }}</span></el-col>
      </el-row>
      <el-row v-if="item.operParam.record">
        <el-col :span="8"><span>详情</span></el-col>
        <el-col :span="16"><span>{{ item.operParam.record }}</span></el-col>
      </el-row>
      <el-row v-if="item.operParam.reason">
        <el-col :span="8"><span>伪线索原因</span></el-col>
        <el-col :span="16"><span>{{item.operParam.reason}}</span></el-col>
      </el-row>
      <el-row v-if="item.operParam.remark">
        <el-col :span="8"><span>详情</span></el-col>
        <el-col :span="16"><span>{{item.operParam.remark}}</span></el-col>
      </el-row>
      <hr>
    </div>

  </div>
</template>

<script>
import {list} from "@/api/monitor/operlog";
export default {
  name: "track-list",
  props:['id'],
  data(){
    return{
      dataList:[],
    }
  },
  created() {
    this.getList()
  },
  methods:{
    getList(){
      list({title:'线索跟踪记录'}).then(req=>{
        this.dataList=this.parseData(req.rows);
      })
    },
    //解析结果
    parseData(result){
      let list=[]
      if (result && result.length>0){
        for (let item of result){
          let operParam=JSON.parse(item.operParam)
          if (operParam.id==this.id){
            item.operParam=operParam
            list.push(item)
          }
        }
        return list
      }
    }
  }
}
</script>

<style scoped>

</style>
